<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>

<body>
    <!--header-->
    <div id="header">
        <div class="header-con">
            <ul class="logoin">
                <li><a href="#">中国大陆</a></li>
                <li><a href="#"><span class="span1">亲，请登录</span><span class="span2">免费注册</span></a></li>
                <li><a href="#">手机逛淘宝</a></li>
            </ul>
            <ul class="user">
                <li><a href="#">我的淘宝</a></li>
                <li><a href="#">购物车</a></li>
                <li><a href="#">收藏夹</a></li>
                <li><a href="#">商品分类</a></li>
                <li><a href="#">千牛卖家中心</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">网站导航</a></li>

            </ul>
        </div>
    </div>
    <!--adv-->
    <div id="adv">
        <a href="#">
            <img src="../images/guanggao.png" alt="">
        </a>
    </div>
    <!--search-->
    <div id="search">
        <div class="search-con">
            <h1>
                <a href="#"><img src="../images/logo.png" alt=""></a>
            </h1>
            <div class="search-list">
                <ul class="ul1">
                    <li><a href="#">宝贝</a></li>
                    <li><a href="#">天猫</a></li>
                    <li><a href="#">店铺</a></li>
                </ul>
                <div class="search-box">
                    <input type="text" class="txt" placeholder="办公室简约">
                    <input type="button" class="btn" value="搜索">
                </div>
                <ul class="ul2">
                    <li><a href="#">新款连衣裙</a></li>
                    <li><a href="#">四件套</a></li>
                    <li><a href="#">潮流T恤</a></li>
                    <li><a href="#">时尚女鞋</a></li>
                    <li><a href="#">短裤</a></li>
                    <li><a href="#">半身裙</a></li>
                    <li><a href="#">男士外套</a></li>
                    <li><a href="#">墙纸</a></li>
                    <li><a href="#">行车记录仪</a></li>
                    <li><a href="#">新款男鞋</a></li>
                    <li><a href="#">耳机</a></li>
                    <li><a href="#">时尚女包</a></li>
                    <li><a href="#">沙发</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--nav-->
    <div id="nav">
        <div class="nav-con">
            <div class="nav-t">
                <h3>主题市场</h3>
                <ul>
                    <li><a href="#">天猫</a></li>
                    <li><a href="#">聚划算</a></li>
                    <li><a href="#">天猫超市</a></li>
                    <li><a href="#">淘抢购</a></li>
                    <li><a href="#">电器城</a></li>
                    <li><a href="#">司法拍卖</a></li>
                    <li><a href="#">淘宝心选</a></li>
                    <li><a href="#">兴农脱贫</a></li>
                    <li><a href="#">飞猪旅行</a></li>
                    <li><a href="#">智能生活</a></li>
                    <li><a href="#">苏宁易购</a></li>
                </ul>
            </div>
            <div class="nav-b">
                <ul class="nav-left">
                    <li><a href="#">女装</a>/ <a href="#">男装</a>/ <a href="#">内衣</a></li>
                    <li><a href="#">鞋靴</a>/ <a href="#">箱包</a>/ <a href="#">配件</a></li>
                    <li><a href="#">童装玩具</a>/ <a href="#">孕产</a>/ <a href="#">用品</a></li>
                    <li><a href="#">家电</a>/ <a href="#">数码</a>/ <a href="#">手机</a></li>
                    <li><a href="#">美妆</a>/ <a href="#">洗护</a>/ <a href="#">保健品</a></li>
                    <li><a href="#">珠宝</a>/ <a href="#">眼镜</a>/ <a href="#">手表</a></li>
                    <li><a href="#">运动</a>/ <a href="#">户外</a>/ <a href="#">乐器</a></li>
                    <li><a href="#">游戏</a>/ <a href="#">动漫</a>/ <a href="#">影视</a></li>
                    <li><a href="#">美食</a>/ <a href="#">生鲜</a>/ <a href="#">零食</a></li>
                    <li><a href="#">鲜花</a>/ <a href="#">宠物</a>/ <a href="#">农资</a></li>
                    <li><a href="#">面料采集</a>/ <a href="#">装修</a>/ <a href="#">建材</a></li>
                    <li><a href="#">家具</a>/ <a href="#">家饰</a>/ <a href="#">家纺</a></li>
                    <li><a href="#">汽车</a>/ <a href="#">二手车</a>/ <a href="#">用品</a></li>
                    <li><a href="#">办公</a>/ <a href="#">DIY</a>/ <a href="#">五金电子</a></li>
                    <li><a href="#">百货</a>/ <a href="#">餐厨</a>/ <a href="#">家庭保健</a></li>
                    <li><a href="#">学习</a>/ <a href="#">卡券</a>/ <a href="#">本地服务</a></li>
                </ul>
                <div class="nav-pic">
                    <ul>
                        <li class="active">
                            <a href="#"><img src="../images/banner1.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/banner2.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="#"><img src="../images/banner3.jpg" alt=""></a>
                        </li>
                    </ul>
                    <ol>
                        <li class="bg"></li>
                        <li></li>
                        <li></li>
                    </ol>
                    <button class="btn1">&lt;</button>
                    <button class="btn2">&gt;</button>
                </div>
                <div class="nav-logoin">
                    <div class="logoin-head">
                        <div></div>
                        <span class="name">Hi,请登录</span>
                    </div>
                    <div class="logoin-cen">
                        <!-- <a href="#">登陆</a>
                        <a href="#">注册</a> -->
                        <a href="javascript:;" class="out">退出</a>
                    </div>
                    <div class="logoin-bott">
                        <ul>
                            <li><a href="#">公告</a></li>
                            <li><a href="#">规则</a></li>
                            <li><a href="#">论坛</a></li>
                            <li><a href="#">安全</a></li>
                            <li><a href="#">公益</a></li>
                        </ul>
                        <ol>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                            <li><a href="#">95公益周阿里，腾讯等六家公司联合做公益</a></li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--list-->
    <div id="list">
        <div class="list-con">
            <!-- <div class="con-box">
                <img src="./images/xiezi.jpg" alt="">
                <div>
                    <span>￥199</span>
                    <p>小白鞋男夏季透气男鞋百搭鞋子男夏天男士白鞋休闲鞋韩版潮流板鞋</p>
                    <a href="list.html">查看更多商品</a>
                </div>
            </div>
            <div class="con-box">
                <img src="./images/xiezi.jpg" alt="">
                <div>
                    <span>￥199</span>
                    <p>小白鞋男夏季透气男鞋百搭鞋子男夏天男士白鞋休闲鞋韩版潮流板鞋</p>
                    <a href="list.html">查看更多商品</a>
                </div>
            </div>
            <div class="con-box">
                <img src="./images/xiezi.jpg" alt="">
                <div>
                    <span>￥199</span>
                    <p>小白鞋男夏季透气男鞋百搭鞋子男夏天男士白鞋休闲鞋韩版潮流板鞋</p>
                    <a href="list.html">查看更多商品</a>
                </div>
            </div>
            <div class="con-box">
                <img src="./images/xiezi.jpg" alt="">
                <div>
                    <span>￥199</span>
                    <p>小白鞋男夏季透气男鞋百搭鞋子男夏天男士白鞋休闲鞋韩版潮流板鞋</p>
                    <a href="list.html">查看更多商品</a>
                </div>
            </div> -->
        </div>
    </div>
</body>
<script src="../lib/cookie.js"></script>
<script src="../lib/promiseAjax.js"></script>
<script src="../js/index.js"></script>

</html>